
<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico"> 
    <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <style>
         .checkbox-inline input[type=checkbox],.radio-inline input[type=radio] {
            margin-top: 4px
        }
    </style>
</head>

<body style="color:#333;overflow-x: auto;">
    <!-- 标题 -->
    <div class="page-heade">
      <h2 class="title_color text-center">TI费用预算使用报表（分科目汇总）</h2>
    </div>
    <!-- 标题 -->
     <div style="padding:3px;">
    <form action="" class="form-inline">
      <table class="row-margin-top tab-content table-bordered table" border="1">
        <tr>
            <td style="min-width: 120px;width: 120px"><label for="" class="form-label">客户维度:</label></td>
            <td>
              <div class="form-group">
                  <label class="radio-inline" for="customW2">
                    <input type="radio" name="customW" checked id="customW2" value="0">分区
                  </label>
                    <label class="radio-inline" for="customW3">
                    <input type="radio" name="customW" id="customW3" value="1">省份
                  </label>
                    <label class="radio-inline" for="customW4">
                    <input type="radio" name="customW" id="customW4" value="2">城市
                  </label>
                   <label class="radio-inline" for="customW4">
                    <input type="radio" name="customW" id="customW5" value="3">经销商
                  </label>
              </div><br>
                 <div class="form-group" style="padding: 2px;">
            <input type="text" class="form-control" name="" id="customerName" placeholder="请输入关键字或空格查询">
                                        <div class="input-group-btn">
                                            <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                            </ul>
                                        </div>
                                       
          </div>
            <a href="javascript:;">选择</a> 
            </td>
        </tr>
         
         <tr>
            <td style="min-width: 120px;width: 120px"><label for="" class="form-label">费用科目维度:</label></td>
            <td>
              <div class="form-group">
                  <label class="radio-inline" for="kemu2">
                    <input type="radio" name="kemu" checked id="kemu2" value="0">一级费用科目
                  </label>
                    <label class="radio-inline" for="kemu3">
                    <input type="radio" name="kemu" id="kemu3" value="1">二级费用科目
                  </label>
                    <label class="radio-inline" for="kemu4">
                    <input type="radio" name="kemu" id="kemu4" value="2">三级费用科目
                  </label>
              </div><br>
                 <div class="form-group" style="padding: 2px;">
            <input type="text" class="form-control" name="" id="AgencyName" placeholder="请输入关键字或空格查询">
                                        <div class="input-group-btn">
                                            <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                            </ul>
                                        </div>
                                      
          </div>
             <a href="javascript:;">选择</a> 
            </td>
        </tr>
          <tr>
            <td style="min-width: 120px;width: 120px"><label for="" class="form-label">考核期:</label></td>
            <td>
              <div style="padding: 2px;" class="form-group">
             <select name="" id="" class="select form-control">
                          <option value="0">请选择</option>
                          <option value="1">2016</option>
                      </select><span class="lr_5"></span>
                      <select name="" id="" class="select form-control" >
                          <option value="0">请选择</option>
                          <option value="1">2016</option>
                      </select><span class="lr_5"></span>
                      <select name="" id="" class="select form-control" >
                         <option value="0">请选择</option>
                          <option value="1">2016</option>
                      </select>
              </div>
            </td>
        </tr>
        <tr>
          <td><label for="" class="form-label">类型</label></td>
          <td>
             <label class="checkbox-inline" for="kind1">
                    <input type="checkbox" name="kind1" checked id="kind1" value="1">预算
             </label>
               <label class="checkbox-inline" for="kind2">
                    <input type="checkbox" name="kind2" checked id="kind2" value="2">申请费用
              </label>
              <label class="checkbox-inline" for="kind3">
                    <input type="checkbox" name="kind3" checked id="kind3" value="3">申请/预算
              </label>
              <label class="checkbox-inline" for="kind4">
                    <input type="checkbox" name="kind4" checked id="kind4" value="4">预算结余
              </label>
          </td>
        </tr>
         <tr>
            <td><label for="" class="form-label">查询类型</label></td>
            <td>
              <div class="form-group" for="searchKind1">
                  <label class="radio-inline">
                    <input type="radio" name="searchKind" checked id="searchKind1" value="0">按最新架构查询
                  </label>
                  <label class="radio-inline" for="searchKind2">
                    <input type="radio" name="searchKind" id="searchKind2" value="1">按申请时的历史记录查询
                  </label>
              </div>
            </td>
        </tr>
      <tr>
       <td colspan="2" class="text-center">
           <button class="btn btn-info query" >查询</button>
           <button class="btn btn-info emptyIf" type="button">清空查询条件</button>
           <button class="btn btn-info LendExcel" type="button">导出Excel</button>
            </td>
          </tr>
      </table>
    <p class="text-right">单位：人民币元</p>
      <table class="table table-hover table-bordered bud_hei table-striped bud_hei text-center">
                 <thead>
                  <tr class="info">
                        <td rowspan="2">序号</td>
                        <td rowspan="2">分区</td>
                        <td rowspan="2">第一季度</td>
                        <td colspan="2">一级费用科目</td>
                        <td rowspan="2">小计</td>
                    </tr>
                    <tr class="info">
                      <td>销售费用</td>
                      <td>市场费用</td>
                    </tr>
                 </thead>
                    <tbody>
                      <tr>
                        <td rowspan="4">1</td>
                        <td rowspan="4">东南大区</td>
                        <td>预算</td>
                        <td class="ObjectNum text-right">0</td>
                        <td class="ObjectNum text-right">0</td>
                        <td class="warning ObjectNum">0</td>
                      </tr>
                      <tr>
                        <td>申请金额</td>
                        <td class="ObjectNum text-right">0</td>
                        <td class="ObjectNum text-right">0</td>
                        <td class="warning ObjectNum text-right">0</td>
                      </tr>
                      <tr>
                        <td>申请/预算</td>
                        <td class="ObjectNum text-right">0</td>
                        <td class="ObjectNum text-right">0</td>
                        <td class="warning ObjectNum text-right">0</td>
                      </tr>
                      <tr>
                        <td>预算结余</td>
                        <td class="ObjectNum text-right">0</td>
                        <td class="ObjectNum text-right">0</td>
                        <td class="warning ObjectNum text-right">0</td>
                      </tr>
                    </tbody>
                    <tfoot>
                      <tr class="trTotal">
                        <td colspan="2" rowspan="4">合计:</td>
                        <td>预算</td>
                        <td class="ObjectNum text-right">0</td>
                        <td class="ObjectNum text-right">0</td>
                        <td class="ObjectNum text-right">0</td>
                      </tr>
                      <tr class="trTotal">
                         <td>申请金额</td>
                        <td class="ObjectNum text-right">0</td>
                        <td class="ObjectNum text-right">0</td>
                        <td class="ObjectNum text-right">0</td>
                      </tr>
                       <tr class="trTotal">
                        <td>申请/预算</td>
                        <td class="ObjectNum text-right">0</td>
                        <td class="ObjectNum text-right">0</td>
                        <td class="ObjectNum text-right">0</td>
                      </tr>
                      <tr class="trTotal">
                        <td>预算结余</td>
                        <td class="ObjectNum text-right">0</td>
                        <td class="ObjectNum text-right">0</td>
                        <td class="ObjectNum text-right">0</td>
                      </tr>
                    </tfoot>
              </table>
        
				<h3 class="text-center">对不起没有查询到符合条件的信息</h3>
			
     <div class="padding-10 colorRed" style="margin-left: 10px">
      <p>说明：</p>
      <p class="padding-10">1.申请金额的金额按活动时间分摊到每一天</p>
      <p>2.“查询类型”只针对客户维度与产品维度。</p>
     </div>
</form>
    </div>
    <!-- 全局js -->
    <script src="__STATIC__/layout/js/jquery.min.js?v=2.1.4"></script>
    <script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="__STATIC__/layout/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <!--统计代码，可删除-->
    <script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script>
    <script src="__STATIC__/layout/js/common.js"></script>
    <script>
   
        $(document).ready(function(){
          var $ObjectNum =$(".ObjectNum");
             toNum($ObjectNum);
        })
        /*请输入关键字或空格查询*/
var AgencyName =$("#AgencyName");
sousuo(AgencyName)
    function sousuo(id){
            id.bsSuggest({
            allowNoKeyword: false, //是否允许无关键字时请求数据
            multiWord: true, //以分隔符号分割的多关键字支持
            separator: ",", //多关键字支持时的分隔符，默认为空格
            getDataMethod: "url", //获取数据的方式，总是从 URL 获取
            url: 'http://unionsug.baidu.com/su?p=3&t=' + (new Date()).getTime() + '&wd=',
            /*优先从url ajax 请求 json 帮助数据，注意最后一个参数为关键字请求参数*/
            jsonp: 'cb',
            /*如果从 url 获取数据，并且需要跨域，则该参数必须设置*/
            processData: function (json) { // url 获取数据时，对数据的处理，作为 getData 的回调函数
                var i, len, data = {
                    value: []
                };
                if (!json || !json.s || json.s.length === 0) {
                    return false;
                }

                // console.log(json);
                len = json.s.length;

                jsonStr = "{'value':[";
                for (i = 0; i < len; i++) {
                    data.value.push({
                        word: json.s[i]
                    });
                }
                data.defaults = 'baidu';

                //字符串转化为 js 对象
                return data;
            }
        });

          }
    </script>
</body>

</html>
